﻿@model EmpireDirectory.Models.HomeIndexVM
<div class="jumbotron">
    <div>
        @Model.FeaturedCharacter.Name
        <a href="Home/Details/@Model.FeaturedCharacter.ID"><img style="width: 200px; height:200px" src="@Model.FeaturedCharacter.Image" /></a>
        @Model.FeaturedCharacter.Quote
    </div>
    <div>
            <table class="table table-condensed">
        @foreach (var character in Model.Characters)
{
    
        <tr onclick="location.href='Home/Details/@character.ID'">
    <td style="width: 200px; height: 200px">

        <img class="img-responsive" src="@character.Image" />
    </td>

    <td>@character.Name</td>
    <td>@character.Affiliation</td>

</tr>
  

}
           
            </table>

    </div>


</div>